@media (max-width: 768px) {
    /* 头部 */
    nav {

        height: 5.5rem /* 88/16 */;

        background: #d75a45;
    }
    nav .container,
    nav form,
    nav form .row {
        height: 100%;
    }
    nav form .row {
        display: flex;
        align-items: center;
        padding: 0 1.625rem /* 26/16 */;
    }
    nav form a:nth-of-type(1) {
        padding: 0;
        font-size: 2.1875rem /* 35/16 */;
        color: #fff;
        font-weight: bold;

    }
    nav form .form-group {
        height: 3rem /* 48/16 */;
    }
    nav form .form-group,
    nav form .form-group>.form-control {
        margin: 0;
        padding: 0;
    }
    nav form .form-group>.form-control {
        width: 100%;
        height: 100%;
        font-size: 1.125rem /* 18/16 */;
        color: #aeabab;
        text-indent: 1.1875rem /* 19/16 */;
        border-radius: 20px;

    }
    nav form .form-group .form-control~i {
        height: 100%;
        margin-right: .8125rem /* 13/16 */;
        color: #d75a45;
        line-height: 3rem /* 48/16 */;
        text-align: right;
    }
    nav form .form-group~a {
        padding: 0;
        font-size: 1.375rem /* 22/16 */;
        color: #fff;
    }
    /* 脚部 */
    #mobile-footer {

        height: 5.375rem /* 86/16 */;

        margin-top: 1.125rem /* 18/16 */;
        background-color: #fff;
        border-top: 1px solid #dedee1;


    }
    #mobile-footer .container,
    #mobile-footer .container ul {
        height: 100%;
    }
    #mobile-footer .container ul {
        display: flex;
        margin: 0;
        padding: 0;
        justify-content: space-between;
    }
    #mobile-footer .container ul li {
        display: flex;
        padding-bottom: .8125rem /* 13/16 */;
        align-items: flex-end;

    }
    #mobile-footer .container ul li>a {
        font-size: 1.3125rem /* 21/16 */;
        color: #919191;
        text-decoration: none;
    }
    #mobile-footer .container ul li>a::before {
        content: '';
        display: block;
        width: 1.75rem /* 28/16 */;
        height: 1.75rem /* 28/16 */;
        margin: 0 auto;
        margin-bottom: .5rem /* 8/16 */;
        background-repeat: no-repeat;
        background-size: 1.75rem /* 28/16 */;
        
    }
    #mobile-footer .container ul li[class$="active"]>a {
        color: #ff5614;
    }

    
    #mobile-footer .container ul li:nth-of-type(1)>a::before {
        background-image: url(../image/mobile/未标题-1.png);
    }
    #mobile-footer .container ul li:nth-of-type(1)[class$="active"]>a::before {
        background-image: url(../image/mobile/未标题-1-active.png);
    }

    #mobile-footer .container ul li:nth-of-type(2)>a::before {
        background-image: url(../image/mobile/未标题-2.png);
    }
    #mobile-footer .container ul li:nth-of-type(2)[class$="active"]>a::before {
        background-image: url(../image/mobile/未标题-2-active.png);
    }
    #mobile-footer .container ul li:nth-of-type(3)>a::before {
        background-image: url(../image/mobile/未标题-3.png);
    }
    #mobile-footer .container ul li:nth-of-type(3)[class$="active"]>a::before {
        background-image: url(../image/mobile/未标题-3-active.png);
    }
    #mobile-footer .container ul li:nth-of-type(4)>a::before {
        background-image: url(../image/mobile/未标题-4.png);
    }
    #mobile-footer .container ul li:nth-of-type(4)[class$="active"]>a::before {
        background-image: url(../image/mobile/未标题-4-active.png);
    }

    /* 躯干 */
    /* 选项卡 */
 
     .option {
        position: relative;
         
    }
    /* 选项卡控制面板 */
     #subnavbar {
        height: 1.625rem /* 26/16 */;
        padding: 1.4375rem /* 23/16 */ 0;
        border: 1px solid #dfdfdf;
        box-sizing: content-box;
    }
     #subnavbar .container,
     #subnavbar .container .row {
        height: 100%;
    }
     #subnavbar .container .row {
        padding: 0 .9375rem /* 15/16 */;
    }
     #subnavbar .container .row .sitem {
        padding: 0 !important;
        font-size: 1.625rem /* 26/16 */;
        color: #2b2b2b;
    }
     #subnavbar .container .row .sitem[class$="active"] {
        color: #d75a45;
    }
     #subnavbar .container .row .sitem span {
        font-size: 1.5rem /* 24/16 */;
        color: #222222;
    }
     #subnavbar .container .row .sitem span ,
     #subnavbar .container .row .sitem img {
        display: inline-block;
    } 
    /* 根据设计稿的细节做出了适当的修改 */
     #subnavbar .container .row .sitem span {
        position: relative;
    }
     #subnavbar .container .row .sitem span::before {
        content: '';
        display: inline-block;
        position: absolute;
        width: .0625rem /* 1/16 */;
        height: 1.6875rem /* 27/16 */;
        top: 0;
        left: -1.75rem /* 28/16 */;
        background-color: #919191;
    }
    /* 选中后的三角标志 */
     #subnavbar .container .row .sitem[class$="light"] span::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        border-top: 1.25rem /* 20/16 */ solid transparent;
        border-bottom: 1.25rem /* 20/16 */ solid #ddd;
        border-left: .8125rem /* 13/16 */ solid transparent;
        border-right: .8125rem /* 13/16 */ solid transparent;
        transform: translate(-50%,50%);


    }
     #subnavbar .container .row .sitem[class$="light"]  span i {
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        border-top: 1.125rem /* 18/16 */ solid transparent;
        border-bottom: 1.125rem /* 18/16 */ solid #f5f5f5;
        border-left: .625rem /* 10/16 */ solid transparent;
        border-right: .625rem /* 10/16 */ solid transparent;
        transform: translate(-50%, calc(50% + .125rem /* 2/16 */));
        z-index: 999;
    }
    /* 选项卡视图 */
     .tag-view {
        display: none;
        position: absolute;
        top: 4.625rem /* 74/16 */;
        width: 100%;
        height: 39.25rem /* 628/16 */;
        padding-top: 1.9375rem /* 31/16 */;
        background-color: #f5f5f5;
        box-shadow: 0 0 5px 0 rgba(87, 87, 87, .35);
        z-index: 9999;
        overflow: hidden;
    }
    .tag-view[class$="active"] {
        display: block;
    }

     .tag-view dl {
        margin: 0;
    }
     .tag-view dt,
     .tag-view dd a {
        font-size: 1.75rem /* 28/16 */;
    }
     .tag-view dt {
        color: #222222;
        line-height: 2.25rem /* 36/16 */;
    }
     .tag-view dd {
        float: left;
        width: calc(100% / 4);

        
    }
     .tag-view dd a {
        color: #404040; 
        line-height: 5rem /* 80/16 */;
        white-space: nowrap;


    }
    /* 切换选项卡视图 */
     .mobile-content {
        display: none;
    }
     .mobile-content[class$="active"] {
        display: block;
    }
    /* 广告牌 */
     .brand {

        padding: .6875rem /* 11/16 */ 0 .875rem /* 14/16 */;
        box-sizing: content-box;
    }
     .brand img {
        width: 100%;
        height: 9.125rem /* 146/16 */;  
    }
    /* 媒体对象 */
     .media {
        margin-top: 14px;
    }
     .media .media-left {
        height: 100%;
    }
     .media .media-left a img {
        max-width: 16.3125rem /* 261/16 */;
        height: 100%;
    }


    /* 文字超过部分显示为省略号 */
     .media .media-body h4 {

    }

     .media .media-body h4 a {
        font-size: 1.5rem /* 24/16 */;
        display: inline-block;
        overflow: hidden;
        max-width: 7.5rem /* 120/16 */;
        text-overflow: ellipsis;
        white-space: nowrap;

        
    }
     .media .media-body span {
        font-size: 1.125rem /* 18/16 */;
    }
     .media .media-body h4 a,
     .media .media-body span {
        color: #222222;
    }
     .media .media-body p:nth-of-type(1) {
        font-size: 1.375rem /* 22/16 */;
        color: #232323;
        line-height: 2rem /* 32/16 */;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
     .media .media-body p+p {
        font-size: 0;
    }
     .media .media-body p a {
        display: inline-block;
        width: 4.9375rem /* 79/16 */;
        height: 1.625rem /* 26/16 */;
        padding: 0;
        margin-right: .875rem /* 14/16 */;
        font-size: 1rem /* 16/16 */;
        color: #d75a45;
        text-align: center;
        line-height: 1.625rem /* 26/16 */;
        border-radius: .4375rem /* 7/16 */;
        box-sizing: content-box !important;
    }

    

   



}
@media (min-width: 768px) and (max-width: 992px) {
    /* 头部 */
    nav {

        height: 5.5rem /* 88/16 */;

        background: #d75a45;
    }
    nav .container,
    nav form,
    nav form .row {
        height: 100%;
    }
    nav form .row {
        display: flex;
        align-items: center;
        padding: 0 1.625rem /* 26/16 */;
    }
    nav form a:nth-of-type(1) {
        padding: 0;
        font-size: 2.1875rem /* 35/16 */;
        color: #fff;
        font-weight: bold;

    }
    nav form .form-group {
        height: 3rem /* 48/16 */;
    }
    nav form .form-group,
    nav form .form-group>.form-control {
        margin: 0;
        padding: 0;
    }
    nav form .form-group>.form-control {
        width: 100%;
        height: 100%;
        font-size: 1.125rem /* 18/16 */;
        color: #aeabab;
        text-indent: 1.1875rem /* 19/16 */;
        border-radius: 20px;

    }
    nav form .form-group .form-control~i {
        height: 100%;
        margin-right: .8125rem /* 13/16 */;
        color: #d75a45;
        line-height: 3rem /* 48/16 */;
        text-align: right;
    }
    nav form .form-group~a {
        padding: 0;
        font-size: 1.375rem /* 22/16 */;
        color: #fff;
    }
    /* 脚部 */
    #mobile-footer {

        height: 5.375rem /* 86/16 */;

        margin-top: 1.125rem /* 18/16 */;
        background-color: #fff;
        border-top: 1px solid #dedee1;


    }
    #mobile-footer .container,
    #mobile-footer .container ul {
        height: 100%;
    }
    #mobile-footer .container ul {
        display: flex;
        margin: 0;
        padding: 0;
        justify-content: space-between;
    }
    #mobile-footer .container ul li {
        display: flex;
        padding-bottom: .8125rem /* 13/16 */;
        align-items: flex-end;

    }
    #mobile-footer .container ul li>a {
        font-size: 1.3125rem /* 21/16 */;
        color: #919191;
        text-decoration: none;
    }
    #mobile-footer .container ul li>a::before {
        content: '';
        display: block;
        width: 1.75rem /* 28/16 */;
        height: 1.75rem /* 28/16 */;
        margin: 0 auto;
        margin-bottom: .5rem /* 8/16 */;
        background-repeat: no-repeat;
        background-size: 1.75rem /* 28/16 */;
        
    }
    #mobile-footer .container ul li[class$="active"]>a {
        color: #ff5614;
    }

    
    #mobile-footer .container ul li:nth-of-type(1)>a::before {
        background-image: url(../image/mobile/未标题-1.png);
    }
    #mobile-footer .container ul li:nth-of-type(1)[class$="active"]>a::before {
        background-image: url(../image/mobile/未标题-1-active.png);
    }

    #mobile-footer .container ul li:nth-of-type(2)>a::before {
        background-image: url(../image/mobile/未标题-2.png);
    }
    #mobile-footer .container ul li:nth-of-type(2)[class$="active"]>a::before {
        background-image: url(../image/mobile/未标题-2-active.png);
    }
    #mobile-footer .container ul li:nth-of-type(3)>a::before {
        background-image: url(../image/mobile/未标题-3.png);
    }
    #mobile-footer .container ul li:nth-of-type(3)[class$="active"]>a::before {
        background-image: url(../image/mobile/未标题-3-active.png);
    }
    #mobile-footer .container ul li:nth-of-type(4)>a::before {
        background-image: url(../image/mobile/未标题-4.png);
    }
    #mobile-footer .container ul li:nth-of-type(4)[class$="active"]>a::before {
        background-image: url(../image/mobile/未标题-4-active.png);
    }

    /* 躯干 */
    /* 选项卡 */
 
    .option {
        position: relative;
         
    }
    /* 选项卡控制面板 */
     #subnavbar {
        height: 1.625rem /* 26/16 */;
        padding: 1.4375rem /* 23/16 */ 0;
        border: 1px solid #dfdfdf;
        box-sizing: content-box;
    }
     #subnavbar .container,
     #subnavbar .container .row {
        height: 100%;
    }
     #subnavbar .container .row {
        padding: 0 .9375rem /* 15/16 */;
    }
     #subnavbar .container .row .sitem {
        padding: 0 !important;
        font-size: 1.625rem /* 26/16 */;
        color: #2b2b2b;
    }
     #subnavbar .container .row .sitem[class$="active"] {
        color: #d75a45;
    }
     #subnavbar .container .row .sitem span {
        font-size: 1.5rem /* 24/16 */;
        color: #222222;
    }
     #subnavbar .container .row .sitem span ,
     #subnavbar .container .row .sitem img {
        display: inline-block;
    } 
    /* 根据设计稿的细节做出了适当的修改 */
     #subnavbar .container .row .sitem span {
        position: relative;
    }
     #subnavbar .container .row .sitem span::before {
        content: '';
        display: inline-block;
        position: absolute;
        width: .0625rem /* 1/16 */;
        height: 1.6875rem /* 27/16 */;
        top: 0;
        left: -1.75rem /* 28/16 */;
        background-color: #919191;
    }
    /* 选中后的三角标志 */
     #subnavbar .container .row .sitem[class$="light"] span::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        border-top: 1.25rem /* 20/16 */ solid transparent;
        border-bottom: 1.25rem /* 20/16 */ solid #ddd;
        border-left: .8125rem /* 13/16 */ solid transparent;
        border-right: .8125rem /* 13/16 */ solid transparent;
        transform: translate(-50%,50%);


    }
     #subnavbar .container .row .sitem[class$="light"] span i {
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        border-top: 1.125rem /* 18/16 */ solid transparent;
        border-bottom: 1.125rem /* 18/16 */ solid #f5f5f5;
        border-left: .625rem /* 10/16 */ solid transparent;
        border-right: .625rem /* 10/16 */ solid transparent;
        transform: translate(-50%, calc(50% + .125rem /* 2/16 */));
        z-index: 999;
    }
    /* 选项卡视图 */
     .tag-view {
        display: none;
        position: absolute;
        top: 4.625rem /* 74/16 */;
        width: 100%;
        height: 39.25rem /* 628/16 */;
        padding-top: 1.9375rem /* 31/16 */;
        background-color: #f5f5f5;
        box-shadow: 0 0 5px 0 rgba(87, 87, 87, .35);
        z-index: 9999;
        overflow: hidden;
    }
    .tag-view[class$="active"] {
        display: block;
    }

     .tag-view dl {
        margin: 0;
    }
     .tag-view dt,
     .tag-view dd a {
        font-size: 1.75rem /* 28/16 */;
    }
     .tag-view dt {
        color: #222222;
        line-height: 2.25rem /* 36/16 */;
    }
     .tag-view dd {
        float: left;
        width: calc(100% / 4);

        
    }
     .tag-view dd a {
        color: #404040; 
        line-height: 5rem /* 80/16 */;


    }
    /* 切换选项卡视图 */
     .mobile-content {
        display: none;
    }
     .mobile-content[class$="active"] {
        display: block;
    }
    /* 广告牌 */
     .brand {

        padding: .6875rem /* 11/16 */ 0 .875rem /* 14/16 */;
        box-sizing: content-box;
    }
     .brand img {
        width: 100%;
        height: 9.125rem /* 146/16 */;  
    }
    /* 媒体对象 */
     .media {
        margin-top: 14px;
    }
     .media .media-left {
        height: 100%;
    }
     .media .media-left a img {
        max-width: 16.3125rem /* 261/16 */;
        height: 100%;
    }


    /* 文字超过部分显示为省略号 */
     .media .media-body h4 {

    }

     .media .media-body h4 a {
        font-size: 1.5rem /* 24/16 */;
        display: inline-block;
        overflow: hidden;
        max-width: 7.5rem /* 120/16 */;
        text-overflow: ellipsis;
        white-space: nowrap;

        
    }
     .media .media-body span {
        font-size: 1.125rem /* 18/16 */;
    }
     .media .media-body h4 a,
     .media .media-body span {
        color: #222222;
    }
     .media .media-body p:nth-of-type(1) {
        font-size: 1.375rem /* 22/16 */;
        color: #232323;
        line-height: 2rem /* 32/16 */;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
     .media .media-body p+p {
        font-size: 0;
    }
     .media .media-body p a {
        display: inline-block;
        width: 4.9375rem /* 79/16 */;
        height: 1.625rem /* 26/16 */;
        padding: 0;
        margin-right: .875rem /* 14/16 */;
        font-size: 1rem /* 16/16 */;
        color: #d75a45;
        text-align: center;
        line-height: 1.625rem /* 26/16 */;
        border-radius: .4375rem /* 7/16 */;
        box-sizing: content-box !important;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    /* 头部 */
    #header {
        
    }
    #navbar {
        height: 58px;
    }
    #navbar .container,
    #navbar .container .navbar-header {
        height: 100%;
    }
    #navbar {
        padding: 0;
    }
    #navbar .container .navbar-header {
        padding: 10px 0 0 18px;
    }
    .navbar-header a {
        display: inline-block;
        padding: 0;
        font-size: 40px;
        color: #d75a45;
        font-weight: bold;
        line-height: 1;
    }
    #navbar ul {
        margin: 0;
        padding: 0;
        padding: 20px 14px 0 0;
    }
    #navbar ul li  {
        position: relative;
        margin-right: 43px;
        padding-left: 17px;
        line-height: 1;


    }
    #navbar ul li:nth-last-of-type(1) {
        margin-right: 0 !important;
        padding-left: 13px;
    }

    #navbar ul li img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
    }

    #navbar ul li a {
        position: relative;
        display: inline-block;
        padding: 0;
        font-size: 12px;
        color: #000;
        line-height: 1;

    }
    #subnavbar {
        height: 50px;
        background: #d75a45;
    }
    #subnavbar .container,
    #subnavbar .container ul {
        height: 100%;
    }
    #subnavbar .container ul {
        padding: 14px 0 0 20px;
    }
    #subnavbar ul li {
        padding: 0 43px 0 41px;
    }
    #subnavbar ul li a {
        display: inline-block;
        padding: 0;
        font-size: 18px;
        color: #fff;
    }
    #subnavbar ul li:nth-of-type(1) {
        padding-left: 0 !important;
    }

    #subnavbar ul li::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 20px;
        background-color: #fff;
    }
    #subnavbar ul li:nth-last-of-type(1)::after {
        display: none;
    }
    #subnavbar .container form {
        margin: 0;
        padding: 0;
        padding: 8px 24px 0 0;
    }

    /* 修改样式，参考nyaa样式 */
    .input-group {
        width: 303px;
    }
    .input-group input {
        padding: 0;
        border: 1px solid #d3d3d3;
        border-right: none;
        color: #aeabab;
        text-indent: 9px;
        border-radius: 0;
        
    }
    .input-group input::-webkit-input-placeholder {
        color: #aeabab;
    }
    .input-group-btn {
        width: 56px !important;
        height: 34px;
    }
    .btn-primary {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #f8674f;
        border: none;
        border-radius: 0;
    }
    /* 脚部 */
    #footer {
        

    }
    /* 脚部主要内容 */
    #footer .footer-content {
        height: calc(252px - 76px);
        background-color: #d75a45;
    }
    #footer .footer-content .container,
    #footer .footer-content .container .row {
        height: 100%;
    }
    #footer .footer-content .row div[class*="col-"]  {
        height: 100%;
    }

    #footer .footer-content  h3 {
        margin: 0;
        padding: 0;
        padding-top: 29px;
        font-size: 18px;
        color: #fff;
        font-weight: normal;
    }
    #footer .footer-content  p {

        font-size: 12px;
        color: #fefefe;
        line-height: 24px;
    }
    #footer .footer-about h3::after,
    #footer .footer-contacts h3::after {
        content:  '';
        display: block;
        width: 405px;
        height: 1px;
        margin: 7px 0 6px;
        background-color: #fff;
    }
    #footer .footer-contacts h3::after{
       width: 240px;
    }
    /* 二维码 */
    #footer .footer-wechat {
        padding-top: 23px;
    }
    #footer .footer-wechat img {
        width: 104px;
        height: 104px;
    }
    #footer .footer-wechat figcaption {
        width: 104px;
        margin-top: 15px;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
    }


    /* 脚部的底部 */
    #footer .footer-bottom {
        height: 76px;
        background-color: #41332a;
    }
    #footer .footer-bottom .container {
        height: 100%;
    }
    #footer .footer-bottom p,
    #footer .footer-bottom p a
     {
        margin: 0;
        padding: 0;
        font-size: 12px;
        color: #fff;
        line-height: 1;
    }
    #footer .footer-bottom p:nth-of-type(1) {
        margin: 21px 0 16px;
    }
    #footer .footer-bottom p:nth-of-type(1) a {
        position: relative;
        padding: 0 24px 0 28px;
    }
    #footer .footer-bottom p:nth-of-type(1) .first {
        padding-left: 0;
    }
    #footer .footer-bottom p:nth-of-type(1) a::after {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        height: 13px;
        top: 0;
        right: 0;
        background-color: #cfccca;
    }
    #footer .footer-bottom p:nth-of-type(1) .last::after {
        display: none;
    }
    /* 躯干 */
 
    /* 内容顶部 */
     .content-header {
        height: 237px;
        padding-top: 10px;
        background-color: #f4f4f4;
        border-bottom: 1px solid #d75a45;
    }
     .content-header .row,
     .content-header .content-header-item,
     .content-header-item .thumbnail {
        height: 100%;
        padding: 0;
        margin: 0;
    }
     .content-header-item .thumbnail {
        background-color: transparent;
        border: none;
        cursor: pointer;
    }
     .content-header-item .thumbnail img {
        width: 292px;
        height: 179px;
        background-color: #fff;
        border: 1px solid #afafaf;
    }
     .content-header-item .thumbnail .caption {
        margin: 0;
        padding: 0;
        padding-top: 15px;
    }
     .content-header-item .thumbnail .caption h3 {
        position: relative;
        margin: 0;
        padding: 0;
        font-size: 18px;
        color: #2b2b2b;
        text-align: center;
    }
     .content-header-item[class$="active"] .thumbnail .caption h3::before,
     .content-header-item[class$="active"] .thumbnail .caption h3::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -14px;
        left: 50%;
        border-top: 13px solid transparent;
        border-bottom: 13px solid #d75a45;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        transform: translate(-50%,0);  
    }
     .content-header-item[class$="active"] .thumbnail .caption h3::after {
        border-top: 12px solid transparent;
        border-bottom: 12px solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }
     .content-header-item[class$="active"] .caption h3 {
        color: #d75a45;

    }
    /* 内容选项卡 */
     .content-tag {
        position: relative;
        height: 128px;
        margin-top: 15px;
        padding-left: 16px;
        border-bottom: 1px solid #d75a45;
    }
     .content-tag .content-tag-item {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 16px;
        overflow: hidden;

    }
     .content-tag .content-tag-item[class$="active"] {
        display: block;
    }
     .content-tag .content-tag-item dl {
        margin: 0;  
        font-size: 0;
        overflow: hidden;
    }
     .content-tag .content-tag-item dl+dl {
        margin-top: 22px;
    }
     .content-tag .content-tag-item dt {
        display: inline-block;
        margin-right: 28px;
        font-size: 18px;
        color: #222222;
    }
     .content-tag .content-tag-item dd {
        display: inline-block;
        margin-right: 28px;
    }
     .content-tag .content-tag-item dd a {
        font-size: 16px;
        color: #404040;
    }
    /* pc页内容切换*/
    .list-content {
        display: none;
    }
    .list-content[class$="active"] {
        display: block;
    }
    /* 广告牌 */
     .content-brand {
        height: 226px;
        margin: 15px 0 20px;
    }
     .content-brand img {
        width: 100%;
        height: 100%;
    }
    /* 媒体对象 */
    /* wrap表示拆行拆列 */
     .content-media {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;

    }

     .content-media .media {
        margin: 0;
        margin-bottom: 14px;
    }
     .content-media .media:nth-last-of-type(1),
     .content-media .media:nth-last-of-type(2) {
        margin-bottom: 0 !important;
    }

     .content-media .media .media-left {

    }
     .content-media .media .media-left  img {
        width: 186px;
        height: 117px;
    }
     .content-media .media .media-body {
        width: 260px;
    }
     .content-media .media .media-body h4 {
        margin: 0;
        margin-bottom: 10px;

    }
    /* norwrap表示合并换行符不转行 */
     .content-media .media .media-body h4 a {
        font-size: 14px;
        color: #232323; 
        font-weight: bold;
        display: inline-block;
        overflow: hidden;
        max-width: 212px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
     .content-media .media .media-body span {
        font-size: 13px;
        color: #4a4a4a;
    }
    /* -webkit-box将对象作为内联块级弹性伸缩盒显示 */
    /* text-overflow多行文本用省略号隐藏*/
    /* -webkit-line-clamp限制一个块元素显示的文本行数 */
    /* -webkit-box-orient设置伸缩盒对象子元素的排列方式 */
     .content-media .media .media-body p:nth-of-type(1) {
        margin: 0;
        margin: 6px 0 10px;
        font-size: 14px;
        color: #232323;
        line-height: 22px;
        display: -webkit-box;
        max-width: 260px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;


    }
     .content-media .media .media-body p+p {
        margin: 0;
        font-size: 0; 
    }
     .content-media .media .media-body p a {
        display: inline-block;
        height: 19px;
        margin: 0;
        margin-right: 13px;
        padding: 0;
        padding: 0 4px 0 7px;
        border: 1px solid #cecece;
        font-size: 12px;
        color: #d75a45;
        border-radius: 7px;
    }
    /* 分页器 */
    .content-pagination {
        margin: 51px 0 60px;
    }
     .content-pagination ul {
        display: inline-block;
        margin: 0;
        padding: 0;

    }
     .content-pagination ul li {
        float: left;
        margin-right: 26px;
        list-style: none;
        line-height: 1;
    }

     .content-pagination ul li:nth-of-type(1) {
        margin-right: 48px;
    }
     .content-pagination ul li:nth-last-of-type(1) {
        margin-right: 0;
    }
    .content-pagination ul li:nth-last-of-type(2) {
        margin-right: 48px;
    }
     .content-pagination ul li a {
        font-size: 16px;
        color: #6a6a6a;
        line-height: 1;
    }
     .content-pagination ul li[class$="active"] a {
        color: #d75a45;
    }


}
@media (min-width: 1200px) {
    /* 头部 */
    #header {
        
    }
    #navbar {
        height: 58px;
    }
    #navbar .container,
    #navbar .container .navbar-header {
        height: 100%;
    }
    #navbar {
        padding: 0;
    }
    #navbar .container .navbar-header {
        padding: 10px 0 0 18px;
    }
    .navbar-header a {
        display: inline-block;
        padding: 0;
        font-size: 40px;
        color: #d75a45;
        font-weight: bold;
        line-height: 1;
    }
    #navbar ul {
        margin: 0;
        padding: 0;
        padding: 20px 14px 0 0;
    }
    #navbar ul li  {
        position: relative;
        margin-right: 43px;
        padding-left: 17px;
        line-height: 1;


    }
    #navbar ul li:nth-last-of-type(1) {
        margin-right: 0 !important;
        padding-left: 13px;
    }

    #navbar ul li img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
    }

    #navbar ul li a {
        position: relative;
        display: inline-block;
        padding: 0;
        font-size: 12px;
        color: #000;
        line-height: 1;

    }
    #subnavbar {
        height: 50px;
        background: #d75a45;
    }
    #subnavbar .container,
    #subnavbar .container ul {
        height: 100%;
    }
    #subnavbar .container ul {
        padding: 14px 0 0 20px;
    }
    #subnavbar ul li {
        padding: 0 43px 0 41px;
    }
    #subnavbar ul li a {
        display: inline-block;
        padding: 0;
        font-size: 18px;
        color: #fff;
    }
    #subnavbar ul li:nth-of-type(1) {
        padding-left: 0 !important;
    }

    #subnavbar ul li::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 20px;
        background-color: #fff;
    }
    #subnavbar ul li:nth-last-of-type(1)::after {
        display: none;
    }
    #subnavbar .container form {
        margin: 0;
        padding: 0;
        padding: 8px 24px 0 0;
    }

    /* 修改样式，参考nyaa样式 */
    .input-group {
        width: 303px;
    }
    .input-group input {
        padding: 0;
        border: 1px solid #d3d3d3;
        border-right: none;
        color: #aeabab;
        text-indent: 9px;
        border-radius: 0;
        
    }
    .input-group input::-webkit-input-placeholder {
        color: #aeabab;
    }
    .input-group-btn {
        width: 56px !important;
        height: 34px;
    }
    .btn-primary {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #f8674f;
        border: none;
        border-radius: 0;
    }
    /* 脚部 */
    #footer {
        

    }
    /* 脚部主要内容 */
    #footer .footer-content {
        height: calc(252px - 76px);
        background-color: #d75a45;
    }
    #footer .footer-content .container,
    #footer .footer-content .container .row {
        height: 100%;
    }
    #footer .footer-content .row div[class*="col-"]  {
        height: 100%;
    }

    #footer .footer-content  h3 {
        margin: 0;
        padding: 0;
        padding-top: 29px;
        font-size: 18px;
        color: #fff;
        font-weight: normal;
    }
    #footer .footer-content  p {

        font-size: 12px;
        color: #fefefe;
        line-height: 24px;
    }
    #footer .footer-about h3::after,
    #footer .footer-contacts h3::after {
        content:  '';
        display: block;
        width: 405px;
        height: 1px;
        margin: 7px 0 6px;
        background-color: #fff;
    }
    #footer .footer-contacts h3::after{
       width: 240px;
    }
    /* 二维码 */
    #footer .footer-wechat {
        padding-top: 23px;
    }
    #footer .footer-wechat img {
        width: 104px;
        height: 104px;
    }
    #footer .footer-wechat figcaption {
        width: 104px;
        margin-top: 15px;
        font-size: 14px;
        color: #ffffff;
        text-align: center;
    }


    /* 脚部的底部 */
    #footer .footer-bottom {
        height: 76px;
        background-color: #41332a;
    }
    #footer .footer-bottom .container {
        height: 100%;
    }
    #footer .footer-bottom p,
    #footer .footer-bottom p a
     {
        margin: 0;
        padding: 0;
        font-size: 12px;
        color: #fff;
        line-height: 1;
    }
    #footer .footer-bottom p:nth-of-type(1) {
        margin: 21px 0 16px;
    }
    #footer .footer-bottom p:nth-of-type(1) a {
        position: relative;
        padding: 0 24px 0 28px;
    }
    #footer .footer-bottom p:nth-of-type(1) .first {
        padding-left: 0;
    }
    #footer .footer-bottom p:nth-of-type(1) a::after {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        height: 13px;
        top: 0;
        right: 0;
        background-color: #cfccca;
    }
    #footer .footer-bottom p:nth-of-type(1) .last::after {
        display: none;
    }
    /* 躯干 */

    /* 内容顶部 */
     .content-header {
        height: 237px;
        padding-top: 10px;
        background-color: #f4f4f4;
        border-bottom: 1px solid #d75a45;
    }
     .content-header .row,
     .content-header .content-header-item,
     .content-header-item .thumbnail {
        height: 100%;
        padding: 0;
        margin: 0;
    }
     .content-header-item .thumbnail {
        background-color: transparent;
        border: none;
        cursor: pointer;
    }
     .content-header-item .thumbnail img {
        width: 292px;
        height: 179px;
        background-color: #fff;
        border: 1px solid #afafaf;
    }
     .content-header-item .thumbnail .caption {
        margin: 0;
        padding: 0;
        padding-top: 15px;
    }
     .content-header-item .thumbnail .caption h3 {
        position: relative;
        margin: 0;
        padding: 0;
        font-size: 18px;
        color: #2b2b2b;
        text-align: center;
    }
     .content-header-item[class$="active"] .thumbnail .caption h3::before,
     .content-header-item[class$="active"] .thumbnail .caption h3::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -14px;
        left: 50%;
        border-top: 13px solid transparent;
        border-bottom: 13px solid #d75a45;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        transform: translate(-50%,0);  
    }
     .content-header-item[class$="active"] .thumbnail .caption h3::after {
        border-top: 12px solid transparent;
        border-bottom: 12px solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }
     .content-header-item[class$="active"] .caption h3 {
        color: #d75a45;

    }
    /* 内容选项卡 */
    /* margin的优点不影响盒子的高度*/
     .content-tag {
        position: relative;
        height: 128px;
        margin-top: 15px;
        padding-left: 16px;
        border-bottom: 1px solid #d75a45;
    }
    /* 在位移同时，不会变化高度 */
     .content-tag .content-tag-item {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 16px;
        overflow: hidden;


    }
     .content-tag .content-tag-item[class$="active"] {
        display: block;
    }
     .content-tag .content-tag-item dl {
        margin: 0;  
        font-size: 0;
        overflow: hidden;
    }
     .content-tag .content-tag-item dl+dl {
        margin-top: 22px;
    }
     .content-tag .content-tag-item dt {
        display: inline-block;
        margin-right: 28px;
        font-size: 18px;
        color: #222222;
    }
     .content-tag .content-tag-item dd {
        display: inline-block;
        margin-right: 28px;
    }
     .content-tag .content-tag-item dd a {
        font-size: 16px;
        color: #404040;
    }
    /* pc列表页内容切换 */
     .list-content {
        display: none;
    }
     .list-content[class$="active"] {
        display: block;
    }
    /* 广告牌 */
     .content-brand {
        height: 226px;
        margin: 15px 0 20px;
    }
     .content-brand img {
        width: 100%;
        height: 100%;
    }
    /* 媒体对象 */
     .content-media {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;


    }

     .content-media .media {
        margin: 0;
        margin-bottom: 14px;
    }
     .content-media .media:nth-last-of-type(1),
     .content-media .media:nth-last-of-type(2) {
        margin-bottom: 0 !important;
    }
     .content-media .media .media-left {

    }
     .content-media .media .media-left  img {
        width: 186px;
        height: 117px;
    }
     .content-media .media .media-body {
        width: 260px;
    }
     .content-media .media .media-body h4 {
        margin: 0;
        margin-bottom: 10px;

    }
    /* norwrap表示合并换行符不转行 */
     .content-media .media .media-body h4 a {
        font-size: 14px;
        color: #232323;
        font-weight: bold;
        display: inline-block;
        overflow: hidden;
        max-width: 212px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
     .content-media .media .media-body span {
        font-size: 13px;
        color: #4a4a4a;
    }
    /* -webkit-box将对象作为内联块级弹性伸缩盒显示 */
    /* text-overflow多行文本用省略号隐藏*/
    /* -webkit-line-clamp限制一个块元素显示的文本行数 */
    /* -webkit-box-orient设置伸缩盒对象子元素的排列方式 */
     .content-media .media .media-body p:nth-of-type(1) {
        margin: 0;
        margin: 6px 0 10px;
        font-size: 14px;
        color: #232323;
        line-height: 22px;
        display: -webkit-box;
        max-width: 260px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
     .content-media .media .media-body p+p {
        margin: 0;
        font-size: 0; 
    }
     .content-media .media .media-body p a {
        display: inline-block;
        height: 19px;
        margin: 0;
        margin-right: 13px;
        padding: 0;
        padding: 0 4px 0 7px;
        border: 1px solid #cecece;
        font-size: 12px;
        color: #d75a45;
        border-radius: 7px;
    }
    /* 分页器 */
     .content-pagination {
        margin: 51px 0 60px;
    }
     .content-pagination ul {
        display: inline-block;
        margin: 0;
        padding: 0;

    }
     .content-pagination ul li {
        float: left;
        margin-right: 26px;
        list-style: none;
        line-height: 1;
    }

     .content-pagination ul li:nth-of-type(1) {
        margin-right: 48px;
    }
     .content-pagination ul li:nth-last-of-type(1) {
        margin-right: 0;
    }
    .content-pagination ul li:nth-last-of-type(2) {
        margin-right: 48px;
    }
     .content-pagination ul li a {
        font-size: 16px;
        color: #6a6a6a;
        line-height: 1;
    }
     .content-pagination ul li[class$="active"] a {
        color: #d75a45;
    }


}